import { Popover } from "antd";
import { Routes, Route } from "react-router-dom";
import "./App.css";
import Remove from "./remove";
const Index = () => {
  return (
    <div className="App">
      <div className="left">
        <div className="content">
          <div className="title"> </div>

          <div className="secTitle">
            <div>Connect, Flirt, and</div>
            <div>Let TouchU Take</div>
            <div>You Higher</div>
          </div>
          <div className="link">
            <a
              className="appstore"
              href="https://play.google.com/store/apps/details?id=com.kly.touchu"
              target="_blank"
              rel="noreferrer"
            >
              <img src="././source/googleplay.png" className="img" />
            </a>

            <Popover content={"Coming Soon"}>
              <div className="appstore">
                <img src="././source/appstore.png" className="img" />
              </div>
            </Popover>
            {/* <a
              className="appstore"
              href="https://apps.apple.com/cn/app/id6476920897"
              target="_blank"
              rel="noreferrer"
            >
              <img src="././source/appstore.png" className="img" />
            </a> */}
          </div>

          <div className="chose">
            <div className="option">
              <a href="./terms.html" target="_blank" className="option_item">
                <img src="././source/terms.png" />
                Terms
              </a>
              <Popover content={"contact@touch-u.com"}>
                <div className="option_item">
                  <img src="././source/help.png" />
                  Help
                </div>
              </Popover>
              <a
                href="./PrivacyPolicy.html"
                target="_blank"
                className="option_item"
              >
                <img src="././source/privacy.png" />
                PrivacyPolicy
              </a>
            </div>
          </div>

          <div className="download">
            <p>@2024 www.touchu.live</p>
            <p>Company:MICHA LIMITED</p>
          </div>

          <div className="address">
            Address: UNIT 1603, 16TH FLOOR, THE L.PLAZA 367-375 QUEEN'S
            ROADCENTRAL SHEUNG WAN HONG KONG
          </div>
        </div>
      </div>
      <div className="right">
        <img src="././source/spark.png" />
      </div>
    </div>
  );
};
const App = () => {
  return (
    <Routes>
      <Route path="/" element={<Index />} />
      <Route path="/remove" element={<Remove />} />
    </Routes>
  );
};

export default App;
